//轮播图

$.get("../goodsAndShoppingCart/bannerGet.php", function (res) {
    console.log(res);
    let arr = JSON.parse(res);
    console.log(arr);
    // console.log(arr instanceof Array);
    let str = "";
    for (let i = 0; i < arr.length; i++) {
        str += ` <img src="${arr[i].img}" alt="" class="image">`;
        $(".bannn").html(str);
    }

var index=0;

function move(){
    index+=1;
    if($(".bannn>img").length<=index){
        index=0;
    }

    $(".bannn>img").eq(index).show(10).siblings().hide(10)
    $(".dots>li").eq(index).addClass("active").siblings().removeClass("active")
}

var x=setInterval(move,1000)

$(".bannn").hover(function(){
    clearInterval(x)
},function(){
    x=setInterval(move,1000)
})

$(".dots>li").on("click",function(){
    index=$(this).index();
    console.log(index);

    $(".bannn>img").eq(index).show(10).siblings().hide(10);

    $(this).addClass("active").siblings().removeClass("active")
})

$(".dots li").hover(function(){
    clearInterval(x)
},function(){
    x=setInterval(move,1000)
})

$(".next").on("click",function(){
    move()
})

$(".prev").on("click",function(){
    index--;
    if(index<0){
        index=$(".bannn img").length-1
    }
    console.log(index);
    $(".bannn>img").eq(index).show(0).siblings().hide(0);
    $(this).addClass("active").siblings().removeClass("active")
})

$("button").hover(function(){
    clearInterval(x)
},function(){
    x=setInterval(move,1000)
})

})